.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox{
	display: flex;
}
.zhuye_header{
    .px2rem(height,240);
    .zhuye_back{
        .px2rem(margin-left,20);
        .px2rem(margin-top,20);
        display: flex;
        justify-content: center;
        align-items: center;
        .px2rem(height,70);
        .px2rem(width,70);
        border-radius: 50%;
        background: #e0e0e0;
        img{
            .px2rem(height,32);
        }
    }
    .zhuye_touxiang{
    display: flex;
    justify-content: center;
    .px2rem(height,90);
    img{
        position: absolute;
        .px2rem(height,120);
        .px2rem(width,120);
        .px2rem(top,24);
    }

}
.zhuye_h1{
    display: flex;
    h1{
        .px2rem(font-size,26); 
        margin-left:41%;  
    }
    .zhueye_span1{
        .px2rem(height,26);
        .px2rem(width,28);
        background: #f5d447;
        .px2rem(font-size,16); 
        color: #fff;
        .px2rem(line-height,26); 
        text-align: center;
        .px2rem(margin-left,10);
        .px2rem(margin-right,4);
    }
    .zhueye_span2{
        .px2rem(height,26);
        .px2rem(width,80);
        background: #84daab;
        .px2rem(font-size,15); 
        color: #fff;
        .px2rem(line-height,26); 
        text-align: center;
    }
}
}
.zhuye_fensi{
    display: flex;
    justify-content: center;
    span{
         .px2rem(padding-left,12);
        .px2rem(padding-right,12);
        color: #CCCCCC;
    }
}
.zhueye_guangzhu{
     display: flex;
    justify-content: center;
    text-align: center;
    .px2rem(margin-top,38);
    span{
        display: block;
        border: 1px solid #ccc;
        .px2rem(width,160);
        .px2rem(height,48);
        .px2rem(line-height,48);
         .px2rem(margin-left,10);
        .px2rem(margin-right,10);
    }
}
.zhueye_pingjia{
    .px2rem(padding-top,46);
    display: flex;
    justify-content: space-around;
    p{
           color:orangered;
           border-bottom: 4px solid #F5D447;
           
           }
    p,span{
        
            
           .px2rem(padding-bottom,22);
    }
}
.zhuye_btm{
    width: 50%;
    .px2rem(height,4);
    background: #F5D447;
    .px2rem(margin-top,22);
}
.zhuye_sousuo{
    display: flex;
    justify-content: center;
    .px2rem(margin-top,20);
   input{width: 85%;
.px2rem(padding-left,70);
   background: url(../img/buy_search.png) 20px no-repeat;
   .px2rem(background-size,30);
   color: white;
   .px2rem(height,60);
   .px2rem(border-radius,20);
   background-color: #e0e0e0;
   border: none;
   } 
}
.zhuye_nav{
    .px2rem(margin-top,18);
    ul{
     display: flex;
    justify-content:  space-around;
    .px2rem(height,80);

    }
   li{
       width: 25%;
       text-align: center;
       border: 1px solid #CCCCCC;
       .px2rem(line-height,80);
       
   }
   .zhuye_list{
     background:url(../img/xiala-1.png) right 7% bottom 20% no-repeat;
   }
   .zhuye_shaixuan{
       background: url(../img/shaixuan@3x.png) left 28% center no-repeat;
       .px2rem(background-size,20);
   }
}
.index_goods{
		.flexbox;
		flex-wrap:wrap;
		dl{
			.px2rem(margin-top,38);
			.px2rem(margin-left,32);
			width: 45%;
			dt img{
				.px2rem(height,327);
				width: 100%;
			}
			dd p{
				.px2rem(font-size,28);
				color: #4d4d4d;
				.px2rem(line-height,32);
				.px2rem(margin-top,22);
			}
			dd p:last-child{
				.flexbox;
				justify-content:space-between;
				span img{
					.px2rem(width,34);
					.px2rem(height,29);
				}
			}
		}
	}







